<template>
  <div>
    <el-card class="box-card">
      <CartGory :visible="visible" />
    </el-card>
    <AttrList v-if="!visible" :visible.sync="visible" />
    <AddList v-if="visible" :visible.sync="visible" />
  </div>
</template>

<script>
import CartGory from "../../../components/cartGory";
import AttrList from "./attrList/index.vue";
import AddList from "./addList";
export default {
  name: "Attr",
  data() {
    return {
      visible: false,
    };
  },

  components: {
    CartGory,
    AttrList,
    AddList,
  },
};
</script>

<style scoped lang="scss">
.box-card {
  margin: 10px;
}
</style>